<baseinput :state="state">
  <div slot="body">
    <div class="g3w_input_button skin-border-color" @click="onClick" style="border-style: solid; border-width: 2px; border-radius: 4px; width:100%; cursor: pointer; text-align: center;">
      <i :class="g3wtemplate.getFontClass('file-upload')" class="fa-2x skin-color" style="padding: 5px;">
        <input
          :id="mediaid"
          style="display:none"
          :name="state.name"
          :data-url="state.input.options.uploadurl"
          v-disabled="!editable"
          :class="{'input-error-validation' : notvalid}"
          type="file">
      </i>
    </div>
    <bar-loader :loading="loading"></bar-loader>
    <g3w-media :state="data">
      <div class="clearmedia" @click="clearMedia()">
        <i :class="g3wtemplate.font['trash-o']" class="g3w-icon"></i>
      </div>
    </g3w-media>
  </div>
</baseinput>
